@charset "utf-8";

@import "reset";
@import "iconfont";
@import "common";
@import "e_wz";
.content{
    position: absolute;
    top:r(90px);
    bottom: r(95px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    .dingbu{
        height: r(222px);
        >a{
            >img{
                 width: 100%;
            }
        }
    }
    .carousel{
        .lunbo_wrap{
            position: relative;
            overflow: hidden;
            width: 100%;
//          height: r(340px)!important;
            .pic_box{
                height: 100%;
                width: 100%;
                list-style: none;
                white-space: nowrap;
                font-size: 0;
                >li{
                   display: inline-block;
                   position: relative;
                   height: 100%;
                    >img{
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                    .lunbo_text{
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        background: rgba(0,0,0,0.3);
                        height: r(104px);
                        >h1{
                            font-size: r(24px);
                            color: #FFFFFF;
                            width: 95%;
                            margin: 0 auto;
                            overflow: hidden;
                            line-height: r(60px);
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                        }
                        >dl{
                            width: 95%;
                            margin: 0 auto;
                            dt{
                                &:first-of-type{
                                    >a{
                                       text-decoration: none; 
                                       font-size:12px;
                                       color: white;
                                       margin-right: 5px;
                                    }
                                }
                                &:nth-of-type(2){
                                    >p{
                                        font-size: 10px;
                                        color: white;
                                    }
                                    
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .shouye{
        width: 100%;
        background: #FFFFFF;
        .shouyenr{
            width: 90%;
            margin: 0 auto;
            >ul{
                padding-top: 5%;
                padding-bottom: 5%;
                border-bottom: 1px solid #c5c5c5;
                >li{
                 &:first-of-type{
                     width: r(210px);
                     height: r(140px);
                     overflow: hidden;
                     >img{
                         width:100%;
                     }
                 }
                 &:nth-of-type(2){
                     width: 60%;
                     font-size: 0;
                     margin-left:3% ;
                     display: inline-block;
                     >h1{
                         font-size: r(20px);
                         overflow: hidden;
                         display: -webkit-box;
                        -webkit-box-orient: vertical;
                          text-overflow :ellipsis;
                          -webkit-line-clamp: 2;
                     }
                     >p{
                         display: block;
                         color: #c9c9c9;
                         font-size: r(16px);
                         overflow: hidden;
                         display: -webkit-box;
                        -webkit-box-orient: vertical;
                          text-overflow :ellipsis;
                          -webkit-line-clamp: 2;
                     }
                     >span{
                         display: block;
                         font-size: r(14px);
                         color: #939393;
                         >a{
                             font-size: r(14px);
                         color: #939393;
                         }
                         
                     }
                 }   
                }
            }
        }
        .thelast{
            width: 100%;
            text-align: center;
            padding-top: 10px;
            padding-bottom: r(60px);
            >a{
                color: #bbbbbb;
                font-size: 14px;
            }
        }
    }
}            
.art{
    transform: translateX(-100%);
    position: absolute;
     width: 100%;
    height: 100%;
    transition:all 500ms linear;
}
.artshow{
    transform: translateX(0);
     transition:all 500ms linear;
}  